<?php
$path_module = base_path().drupal_get_path('module', 'block_slideshow');

function get_slideshow_item($image) {
	$path_module = base_path().drupal_get_path('module', 'block_slideshow');
	$item = get_include_contents('htmlcontent/slideshow_li_item.tpl.php');
	
	$vars = array('${path_module}', '${image}');
	$rep   = array($path_module, $image);
	return  str_replace($vars, $rep, $item);
}
?>


<script type="text/javascript">
 $(document).ready( function(){
		var buttons = { previous:$('#jslidernews3 .button-previous') ,
						next:$('#jslidernews3 .button-next') };
  
		var _complete = function(slider, index){ 
								$('#jslidernews3 .slider-description').animate({height:0});
								slider.find(".slider-description").animate({height:100}) 
						};							;
	 	$('#jslidernews3').lofJSidernews( { interval : 4000,
												direction		: 'opacity',	
											 	easing			: 'easeOutBounce',
												duration		: 1200,
												auto		 	: true,
												startItem			: 0,
												mainWidth:1000,
												buttons			: buttons,
												onComplete:_complete } );	
	});
</script>

<div id="jslidernews3" class="lof-slidecontent" style="width:997px; height:340px;">
	<div class="preload"><div></div></div>
            <div  class="button-previous">Previous</div>
    <!-- MAIN CONTENT --> 
    <div class="main-slider-content" style="width:997px; height:340px;">
                <ul class="sliders-wrap-inner">
                	<?php print get_slideshow_item('/slideshow/images/thumbl_980x340.png') ?>
                	<?php print get_slideshow_item('/slideshow/images/thumbl_980x340_002.png') ?>
                	<?php print get_slideshow_item('/slideshow/images/thumbl_980x340_003.png') ?>
                	<?php print get_slideshow_item('/slideshow/images/thumbl_980x340_004.png') ?>
                	<?php print get_slideshow_item('/slideshow/images/thumbl_980x340_005.png') ?>
                	<?php print get_slideshow_item('/slideshow/images/thumbl_980x340_006.png') ?>
      	</ul>  	
            </div>
    <div class="button-next">Next</div>
 </div>
 




